html,body{
    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

// 轮播图
.swiper {
    width: 100%;
    height: 200px;
}

.swiper .swiper-wrapper img {
    width: 100%;
    height: 200px;
}


main{
    overflow: scroll;
    // 今日排名 & 累积打卡
.Rank {
    margin-top: 20px;
    color: #677fa8;
    height: 120px;

    img {
        height: 75px;
        margin-top: 10px;
    }

    .rank {
        flex: 2;
        // background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
        background: url(../../assets/imgs/myimgs/info-bac3.jpg) no-repeat center;
        margin-right: 10px;
        border-radius: 15px;
        padding: 8px;

        .num6 {
            bottom: 15px;
            color: rgba(255, 255, 255, 0.8);
            font-size: 30px;
            right: 8px;
        }
    }

    .clock {
        flex: 3;
        // background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
        background: url(../../assets/imgs/myimgs/info-bac2.jpg) no-repeat center;
        border-radius: 15px;
        padding: 8px;

        .today-clock {
            border: 3px solid #677fa8;
            border-radius: 50px;
            bottom: 26px;
            line-height: 30px;
            right: 28px;
            text-align: center;
            width: 45%;
            background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
        }
    }

}


// 运动数据 & 积累运动徽章
.Sport {
    margin-top: 20px;
    color: #677fa8;
    height: 100px;

    .sport {
        background: url(../../assets/imgs/myimgs/home-swiper4.jpg) no-repeat top center;
        background-size: cover;
        // height: 70px;
        flex: 1;
        border-radius: 15px;
        margin-right: 10px;
        color: #fff;
        padding: 8px;
    }

    .badge {
        flex: 1;
        // background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
        background: url(../../assets/imgs/myimgs/info-bac4.jpg) no-repeat center;
        border-radius: 15px;
        padding: 8px;
        img {
            height: 70px;
            // margin-top: 10px;
        }
        .Num{ 
            bottom: 2px;
            right: 27px;
            }
            .num0{
               color:  #677fa8;
                font-size: 59px;
                
        }
    }
}

// 课程训练&户外跑步

.training{
    height: 300px;
    a{
        color: #677fa8;
    }
    .course{
        background: url(../../assets/imgs/myimgs/home-course1.jpg) no-repeat top center;
        background-size: cover;
        border-radius: 15px;
        padding: 8px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .run{
        background: url(../../assets/imgs/myimgs/home-outdoors1.jpg) no-repeat top center;
        background-size: cover;
        border-radius: 15px;
        padding: 8px;
    }
}
}

// 页脚
.footerAll{
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
    
}